@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal">

            <div class="row">
                <div class="col-sm-12">
                    <div style="display: flex;flex-direction: row">
                        <h4 style="width: 120px;">套餐名称</h4>
                        <select id="packageList" style="width: 200px;height: 30px;">
                            <option>选择套餐</option>
                        </select>
                    </div>
                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 120px;">折扣比例</h4>
                        <input id="discount" style="width: 200px;height: 30px;"/>
                    </div>
<!--                    <div style="display: flex;flex-direction: row;margin-top: 10px;">-->
<!--                        <h4 style="width: 120px;">折扣价格</h4>-->
<!--                        <h4 id="discountPrice" onclick="VpnPackageInfoInfoDlg.calculateDiscount()" style="width: 200px;height: 30px;">试算折扣价格</h4>-->
<!--                    </div>-->
                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 120px;">折扣开始时间</h4>
                        <input id="startTime" style="width: 200px;height: 30px;">
                    </div>
                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 120px;">折扣结束时间</h4>
                        <input id="endTime" style="width: 200px;height: 30px;">
                    </div>
                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 120px;">折扣文案(简体)</h4>
                        <input id="hintZh" maxlength="8" style="width: 200px;height: 30px;">
                    </div>
                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 120px;">折扣文案(英文)</h4>
                        <input id="hintEn" maxlength="8" style="width: 200px;height: 30px;">
                    </div>
                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h4 style="width: 120px;">折扣文案(繁体)</h4>
                        <input id="hintTw" maxlength="8" style="width: 200px;height: 30px;">
                    </div>
                </div>
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="VpnPackageInfoInfoDlg.addDiscount()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="VpnPackageInfoInfoDlg.close()"/>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="${ctxPath}/static/layui/layui.js" charset="utf-8"></script>
<script src="${ctxPath}/static/modular/vpn_package_info/vpnPackageInfo/vpnPackageInfo_info.js"></script>
<script>

    layui.use('laydate', function() {
        var laydate = layui.laydate;
        laydate.render({
            elem: '#startTime',
            type:'datetime'
        });
        laydate.render({
            elem: '#endTime',type:'datetime'
        });
    });
</script>
@}
